<template>
	<view class="container">
		<view class="title">家庭经济状况登记表</view>
		<view class="bigTitle">共同生活家庭成员收入情况（元/年）</view>
		<view class="bottomOptions">
			<view class="bottomTitle">工资净收入</view>
			<view class="bottomOptionsBox">
				<view class="bottomOptionsBoxIn" v-for="(item,index) in 10" :key="index">
					<view class="bottomOptionsTitle">劳动分红</view>
					<view class="inputBox">
						<input type="text" class="optionsInput" value="0">
						<view class="danwei">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bottomOptions">
			<view class="bottomTitle">家庭经营净收入</view>
			<view class="bottomOptionsBox2">
				<view class="">从事种植、养殖、采集及加工等农林牧渔业的产生收入</view>
				<view class="inputBox inputBox2">
					<input type="text" class="optionsInput" value="0">
					<view class="danwei">元</view>
				</view>
				<view class="lineTitle">从事工业、建筑业、手工业、交通运输业、批发和零售贸易业、餐饮业、文教卫生业和社会服务业等经营及有偿服务活动收入</view>
				<view class="inputBox inputBox2">
					<input type="text" class="optionsInput" value="0">
					<view class="danwei">元</view>
				</view>
			</view>
		</view>
		<view class="bottomOptions">
			<view class="bottomTitle">财产净收入</view>
			<view class="bottomOptionsBox">
				<view class="bottomOptionsBoxIn bottomOptionsBoxIn3" v-for="(item,index) in 10" :key="index">
					<view class="bottomOptionsTitle">劳动分红</view>
					<view class="inputBox">
						<input type="text" class="optionsInput" value="0">
						<view class="danwei">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bottomOptions">
			<view class="bottomTitle">转移净收入</view>
			<view class="bottomOptionsBox">
				<view class="bottomOptionsBoxIn bottomOptionsBoxIn3" v-for="(item,index) in 10" :key="index">
					<view class="bottomOptionsTitle">劳动分红</view>
					<view class="inputBox">
						<input type="text" class="optionsInput" value="0">
						<view class="danwei">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bottomOptions">
			<view class="bottomOptionsBox bottomOptionsBoxLast">
				<view class="bottomOptionsBoxIn bottomOptionsBoxIn3">
					<view class="bottomOptionsTitle">其他收入</view>
					<view class="inputBox">
						<input type="text" class="optionsInput" value="0">
						<view class="danwei">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bottomOptions">
			<view class="bottomOptionsBox bottomOptionsBoxLast">
				<view class="bottomOptionsBoxIn bottomOptionsBoxIn3">
					<view class="bottomOptionsTitle">各种补贴</view>
					<view class="inputBox">
						<input type="text" class="optionsInput" value="0">
						<view class="danwei">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="button" @click="link">
			提交
		</view>
		<view class="bottom"></view>
	</view>
</template>

<script>
	export default {
		methods: {
			link() {
				console.log(11122)
				uni.redirectTo({
					url:'/pages/getInfo/familyMoneyInfo'
				})
			}
		}
	}
</script>

<style>
	page {
		background: white;
	}
</style>
<style scoped>
	.title {
		font-size: 26rpx;
		color: #fa5245;
		line-height: 1;
		text-align: center;
		padding-bottom: 20rpx;
		padding-top: 50rpx;
	}

	.bigTitle {
		font-size: 34rpx;
		text-align: center;
		margin-top: 30rpx;
	}

	.optionsBottomBox {
		width: 670rpx;
		border-radius: 6rpx;
		border: 1rpx solid #ccc;
		padding: 20rpx 40rpx;
		margin: 0 auto;
		margin-top: 30rpx;
	}

	.line {
		height: 26rpx;
		background: #f7f7f7;
		margin-top: 30rpx;
	}

	.uploadFile {
		width: 184rpx;
		height: 143rpx;
		margin: 0 auto;
		margin-top: 10rpx;
	}

	.bottomOptions {
		width: 670rpx;
		padding: 20rpx 30rpx;
		margin: 0 auto;
		margin-top: 30rpx;
		border: 1rpx solid #ccc;
		border-radius: 6rpx;
	}

	.bottomTitle {
		color: #ccc;
	}

	.bottomOptionsTitle {
		width: 140rpx;
	}

	.danwei {
		color: #ccc;
	}

	.bottomOptionsBox {
		margin-top: 20rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.bottomOptionsBoxLast {
		margin-top: 0;
	}

	.lineTitle {
		margin-top: 40rpx;
	}

	.inputBox2 {
		margin-top: 20rpx;
	}

	.bottomOptionsBox2 {
		margin-top: 20rpx;
	}

	.bottomOptionsBoxIn {
		width: 260rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 45rpx;
	}

	.bottomOptions view {
		font-size: 26rpx;
	}

	.bottomOptionsBoxIn3 {
		width: 610rpx;
		justify-content: space-between;
	}

	.inputBox {
		display: flex;
		align-items: center;
	}

	.optionsInput {
		width: 100rpx;
		font-size: 26rpx;
	}

	.button {
		width: 570rpx;
		line-height: 84rpx;
		text-align: center;
		margin: 0 auto;
		margin-top: 50rpx;
		border-radius: 6rpx;
		background: linear-gradient(90deg, #fa5444, #ff988f);
		color: white;

	}

	.bottom {
		height: 160rpx;
	}
</style>
>

<style>
</style>
